<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员</title>
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/hr_dept_save.css" rel="stylesheet" />
<link href="/myOA/static/css/cart.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<style>
	.staffDetails{
		float:left;
		margin-top:1%;
		width:80%;
		margin-left:10%;
		height:92%;
		border:1px dashed #999;
		background-color:rgba(0,0,0,.1);
		background-image:url(/myOA/static/img/2.jpg);
		background-size:100% 100%;
		background-repeat:no-repeat;
	}
	.staffDetail{
		margin-top:10px;
		width:100%;
		height:40px;
		line-height:40px;
		font-size:1rem;
		text-indent:5px;
		color:#000;
	}
	.pic,.staffWords{
		float:left;
		height:100%;
	}
	.pic{
		width:40%;
		z-index:2;
	}
	.pic img{
		margin-top:100px;
		margin-left:10px;
		width:calc(100% - 20px);
/* 		box-shadow:0px 0px 20px #fff; */
	}
	.staffWords{
		width:60%;
		background-color:rgba(0,0,0,.3);
	}
	.staffWords p{
		margin-left:50px;
		margin-top:50px;
		font-size:1rem;
	}
	button{
		color:#000;
	}
</style>
</head>
<body>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span class="info"></span>
						<input type="hidden" value="${sessionScope.id}"  id="myId"/>
						<input type="hidden" value="${sessionScope.roleId }" id="roleId"/>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span class="info infoCount">0</span>条新消息						
					</p>
				</div>
			</div>
			<div class="menus">
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#">表情笑脸</a>
				</div>
				<div class="nav last">
					<a href="#">日期显示</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：用户管理</div>
			<div class="title">用&nbsp;户&nbsp;详&nbsp;细&nbsp;信&nbsp;息</div>
			<div class="contents">
				<div class="staffDetails">
					<div class="pic">
						<img src="/myOA/static/img/Garfield2.gif"/>
					</div>
					<div class="staffWords">
						<p>用户号:<span>qijingxue</span></p>
						<p>姓名:<span>骑警靴</span></p>
						<p>密码:<span>123</span></p>
						<p>部门:<span>销售部</span></p>
						<p>性别:<span>女</span></p>
						<p>角色:<span>未审批用户</span></p>
						<p>
						用户状态:
						<span>正常状态</span>
						<a class="myBtn" href="http://localhost:8088/myOA/jsp/hr/manage_hr_staff.jsp">返回</a>
						</p>
					</div>
					<div style="clear: both;"></div>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
<script src="/myOA/static/js/jquery-3.3.1.min.js"></script>
<script src="/myOA/static/js/common.js"></script>	
<script src="/myOA/static/js/manage_hr_staff.js"></script>
</body>
</html>